// 历史：当浏览器首先对默认的事件进行响应的时候，要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有那么一丝丝的耽误时间
// *{
//   touch-action: none;
//   box-sizing: border-box;
// }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
  // touch-action: none;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
  display: block;
}
ol, ul, li{
  list-style: none;
}
blockquote, q{
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
  content: '';
  content: none;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
 
/* custom */
a{
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track-piece{
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical{
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal{
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px;
}
html, body,page{
  width: 100%;
  background-color: #F8F6F9;
  font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
}
body{
  line-height: 1;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html{
  overflow-y: scroll;
}
 
/*清除浮动*/
.clearfix:before,
.clearfix:after{
  content: " ";
  display: inline-block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  zoom: 1;
}
 


/*隐藏*/
.dn{
  display: none;
}

/*通用颜色*/
.cred{color:#FF5722}
.cred2{color:red}
.cred3{color:#B02247}
.cgreen{color:#009688}
.cgreen2{color:#5FB878}
.cgreen3{color:rgb(72,209,204)}
.cblue{color:#1E9FFF}
.cblue2{color:#01AAED}
.corange{color:#FFB800}
.cgray{color:gray}

.h20{height: 20px;}
.h40{height: 40px;}
.h60{height: 60px;}
.h80{height: 80px;}

/*间距*/
.mal5{margin-left: 5px}
.mal10{margin-left: 10px}
.mal15{margin-left: 15px}
.mal20{margin-left: 20px}
.mal25{margin-left: 25px}
.mat5{margin-top: 5px}
.mat10{margin-top: 10px}
.mat15{margin-top: 15px}
.mat20{margin-top: 20px}
.mar5{margin-right: 5px}
.mar10{margin-right: 10px}
.mar15{margin-right: 15px}
.mab5{margin-bottom: 5px}
.mab10{margin-bottom: 10px}
.mab15{margin-bottom: 15px}
.mab60{margin-bottom: 60px}

.font16{font-size: 16px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font30{font-size: 24px;}
.font34{font-size: 34px;}
.font40{font-size: 40px;}
.font50{font-size: 50px;}

.b{font-weight: 700;}

.flex{
  display: flex;
}

/* flex 布局 */
/* 垂直 俩段对齐 */
.dc-js {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 垂直显示 并居中 */
.dc-jc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* 垂直底部对齐 */
.df-ae {
  display: flex;
  align-items: flex-end;
}
/* 垂直底部  左右俩端对齐 */
.df-jsae {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}


/* 上下左右居中 */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 上下居中 */
.df-ac {
  display: flex;
  align-items: center;
}



/* 右对齐 */
.df-je {
  display: flex;
  justify-content: flex-end;
}

/* 左右俩端对齐 */
.df-js {
  display: flex;
  justify-content: space-between;
}

/** 左右两端和中间留白一致 */
.df-js2{
  display: flex;
  justify-content: space-around;
  
}

/* 上下居中 左右俩端对齐 */
.df-jsac {
  display: flex;
  align-items: center;
  justify-content: space-between;
}



/* 水平 居中 */
.df-jc {
  display: flex;
  justify-content: center;
}



/* 商品列表图简单样式 */
  .bor-item .bor_detail img{
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.bor-item .bor_detail{
  border: 1px solid #eee;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0px 10px;
  padding: 10px;
  font-size: 14px;
}
.bor-item .bor_detail .goods-title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis{
  overflow: hidden;/*超出部分隐藏*/
   white-space: nowrap;/*不换行*/
   text-overflow:ellipsis;/*超出部分文字以...显示*/
}

.ellipsis2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tc{
  text-align: center;
}

// 空资源样式
.notData-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  // div 居中显示
  position: fixed;
  top: 50%;
  left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);

  &-image{
    width: 150px;
    height: 150px;
  }
  &-text{
    font-size: 26px;
    color: #999;
  }
}